import type { App } from 'vue'
import {NScrollbar, NSpin} from "naive-ui";

// 需要全局引入一些组件，如ElScrollbar，不然一些下拉项样式有问题


const components = [NScrollbar,NSpin]

export const setupNaiveUI = (app: App<Element>) => {

  // 为了开发环境启动更快，一次性引入所有样式
  if (import.meta.env.VITE_USE_ALL_ELEMENT_PLUS_STYLE === 'true') {
    const naiveUI = () => import('naive-ui')
    app.use(naiveUI)
    return
  }

  components.forEach((component) => {
    app.component(component.name!, component)
  })
}
